<template>
		<p class="label" >活动时间</p>
		<p class="date" v-if="item.teamTimeRange" >{{item.teamTimeRange.begin | date_ymdwhm}}</p>
        <p class="date" v-if="item.teamTimeRange" >{{item.teamTimeRange.end | date_ymdwhm}} </p>
        <!-- <p class="time">16:00-18:00</p> -->
        <p class="label">活动描述</p>
        <p class="desc-text">
        {{item.content}}
        </p>
        <div v-if = "item.images" >
            <div class="des-pic" v-if='item.images.length > 0'>
                <div class="pic-item" v-for="img in item.images" track-by="$index">
                    <img :src='img.url' alt="图片">
                </div>
            </div>
        </div>
        <div class="des-tag">
            <div class='tag-item' v-for="tag in item.tags"> {{tag.name}} </div>
        </div>
        <detail-button  :usertype='user' :item='item' ></detail-button>
        <apart-panel :item='item' :usertype='user'></apart-panel>
</template>

<script>
	import DetailButton from './Button'
	import ApartPanel from './ApartPanel'
	export default {
		name:'RecruitPanel',
		components:{
			DetailButton,
			ApartPanel 
		},
		props:{
			user:Number,
			item:Object,

		}
	}
</script>